<template>
	<view class="">
		<!-- 头部 -->
		<view class="boxTop">
			<view class="boxTopTitle">{{i18n.ctwfont26}}</view>
			<view calss="boxTopTitle2">{{i18n.ctwfont27}}</view>
		</view>
		<!-- 大图 -->
		<view class="bigImgBox">
			<view class="bigImgBoximg"><image style="width: 100%; height: 100%;" mode="scaleToFill" src="/static/icon/AdditionalServices/2x/pic_content04@2x.png"></image></view>
			<view class="bigImgBoxText">
				<view class="bigImgBoxTextTop">
					<view class="">{{ i18n.ctwfont28 }}</view>
					<view class="">{{ i18n.ctwfont28_1 }}</view>
					<view class="">{{ i18n.ctwfont28_2 }}</view>
					<view class="">{{ i18n.ctwfont28_3 }}</view>
				</view>
				<view class="bigImgBoxTextBottom">
					<view class="">
						<!-- <uni-icons type="checkmarkempty" size="16" style="margin-right: 3px; vertical-align:bottom;"></uni-icons> -->
						<text> {{i18n.ctwfont29}}</text>
					</view>
					<view class="">
						<!-- <uni-icons type="checkmarkempty" size="16" style="margin-right: 3px;vertical-align:bottom;"></uni-icons> -->
						<text>{{i18n.ctwfont30}} </text>
					</view>
					<view class="">
						<!-- <uni-icons type="checkmarkempty" size="16" style="margin-right: 3px;vertical-align:bottom;"></uni-icons> -->
						<text>{{i18n.ctwfont31}}</text>
					</view>
					<view class="">
						<!-- <uni-icons type="checkmarkempty" size="16" style="margin-right: 3px;vertical-align:bottom;"></uni-icons> -->
						<text>{{i18n.ctwfont32}} </text>
					</view>
					<view class="">
						<!-- <uni-icons type="checkmarkempty" size="16" style="margin-right: 3px;vertical-align:bottom;"></uni-icons> -->
						<text>{{i18n.ctwfont33}}</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 展示图 -->
		<uni-row class="iconImgBox">
			<uni-col :span="8">
				<view class="iconImgBoxItem">
					<image style="width: 40px; height: 40px;" mode="scaleToFill" src="/static/icon/OneDrive_9_11-16-2021/2x/ic_01@2x.png"></image>
					<view class="iconImgBoxItemtext">{{i18n.ctwfont34}}</view>
				</view>
			</uni-col>
			<uni-col :span="8">
				<view class="iconImgBoxItem">
					<image style="width: 40px; height: 40px;" mode="scaleToFill" src="/static/icon/OneDrive_9_11-16-2021/2x/ic_02@2x.png"></image>
					<view class="iconImgBoxItemtext">{{i18n.ctwfont35}}</view>
				</view>
			</uni-col>
			<uni-col :span="8">
				<view class="iconImgBoxItem">
					<image style="width: 40px; height: 40px;" mode="scaleToFill" src="/static/icon/OneDrive_9_11-16-2021/2x/ic_03@2x.png"></image>
					<view class="iconImgBoxItemtext">{{i18n.ctwfont36}}</view>
				</view>
			</uni-col>
		</uni-row>
		<!-- 详细介绍 -->
		<view class="introduceBox">
			<view class="introduceBoxItem">
				<view class="introduceBoxTiel">{{i18n.ctwfont37}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont38}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont39}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont40}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont41}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont42}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont43}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont44}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont45}}</view>
				<view class="introduceBoxItemText">{{i18n.ctwfont46}}</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data: function() {
		return {};
	},
	onLoad(option) {},
	onUnload() {},
	onHide() {},
	created() {},
	destroyed() {},
	computed: {
		i18n() {
			return this.$t('nineGrid');
		}
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
@import '@/pages/assets/nineGrid.scss';
</style>
